<template>
  <el-container>
    <el-header height="40">
      <header-model></header-model>
    </el-header>
    <el-container style="height:100%;">
      <el-aside width="260px">
        <menu-model></menu-model>
      </el-aside>
      <el-main style="padding: 0 250px 0 0;">
        <el-scrollbar wrap-style="overflow-x:hidden;" style="height: calc(100vh - 41px);">
          <div style="width: 870px;margin: 0 auto;">
            <router-view />
          </div>
        </el-scrollbar>
      </el-main>
      <contents />
    </el-container>
  </el-container>
</template>

<style>
/* 引入代码高亮样式 */
@import 'highlight.js/styles/color-brewer.css';
</style>

<script>
import HeaderModel from './components/header'
import MenuModel from './components/menu'
import contents from './components/contents.vue'
export default {
  components: {
    HeaderModel,
    MenuModel,
    contents
  },
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>